Ext.define('HelloWorld.view.Login', {
        id:'login_id',
        extend: 'Ext.form.Panel',
        xtype: 'myapp-login',
        requires:['Ext.form.Password','Ext.form.Email'],
        config: {
                items: [
                {
                        xtype: 'fieldset',
                        name: 'login-fieldset',
                        title: 'Login credentials',
                        instructions: 'Fill in your email and password)',
                        items: [
                        {
                                xtype: 'emailfield',
                                name: 'email',
                                label: 'Email'
                        },
                        {
                                xtype: 'passwordfield',
                                name: 'password',
                                label: 'Password'
                        }
                        ]
                },
                {
                        id:'btn1',
                        xtype: 'button',
                        text: 'Login',
                        ui: 'confirm',
                        action:'log_in'
                },
                {
                        id:'btn2',
                        xtype: 'button',
                        text: 'Logout',
                        action:'log_out'
                },
                {
                        id:'btn3',
                        xtype: 'button',
                        text: 'Test',
                        ui:'test_out'
                }  
                ]//,
//                listeners: [{
//                        delegate: '#btn3',
//                        event: 'tap',
//                        fn: 'onTestOut'
//                }]
        }//,
//        onLogInButtonTap:function(){
//                alert('ttt');
//        }
});